<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/login.css">
</head>
<body>
    <div id="header">
    <div class="wrapper">
        <div id="main-header">
            <div id="login" class="float">
                <a href="login.html">登录</a>
            </div>
            <h1 class="float">我的小店</h1>
            <div id="cart" class="float">
                <a href="cart.html">购物车：$0.00(0件)</a>
            </div>
            <p>清空购物车</p>
        </div>
        <ul id="nav">
            <li class="selected"><a href="index.html">首页</a></li>
            <li id="makeup">
                <a href="">美妆商城</a>
                <div id="submenu">

                </div>
            </li>
            <li><a href="special-sale.html">特卖商场</a></li>
            <li><a href="single.html">新品上市</a></li>
            <li><a href="products.html">潮人推荐</a></li>
            <li><a href="">进口免税店</a></li>
        </ul>
    </div>
</div>
    <div id="login-container">
        <div class="wrapper">
            <h2>登陆</h2>
            <form action="">
                <label>
                    <h5>用户名：</h5>
                    <input type="text">
                </label>
                <label>
                    <h5>密码：</h5>
                    <input type="password">
                </label>
                <input type="submit" value="login" class="btn">
                <br>
                <a href="" id="forget">忘记密码?</a>
            </form>
            <div id="register">
                <h3>没有账号？</h3>
                <p>
                    建立一个账号，享受更流畅的服务。期待您的加入，与我们一起变美丽。么么哒！！！ 小美妞们，快来吧。啦啦啦！！！
                </p>
                <a href="registration.html" class="btn">新用户注册</a>
            </div>
        </div>

    </div>
    <div id="footer">
        <div class="wrapper">
            <h3>我的小店</h3>
            <h4>Copyright © 2017.我的小店</h4>
        </div>
    </div>
</body>
</html>